<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>个人中心</title>
    <link rel="stylesheet" href="plugin/awesome4/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="plugin/bootstrap.min.css"/>
    <link rel="stylesheet" href="style/common.css"/>
    <script src="plugin/jquery-1.11.2.min.js"></script>
    <script src="plugin/bootstrap.min.js"></script>
    <script type="text/javascript" src="script/183.js"></script>
    <script type="text/javascript" src="plugin/simple.slide.min.js"></script>
    <script src="script/user.js"></script>
    <link rel="stylesheet" href="plugin/simple.slide.css" type="text/css">
    <link rel="stylesheet" href="style/user.css"/>
</head>
<body>

<header>
    <nav class="navbar navbar-default navbar-static-top">
        <div class="container">
            <div class="navbar-header pull-left">
                <!-- Logo -->
                <a class="navbar-brand" href="/">POSTCARD</a>
            </div>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- Navmenu -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index_pc.php">主页</a></li>
                    <li><a href="gallery.php">图库</a></li>
                    <li><a href="javascript:;">制作明信片</a></li>
                    <li><a href="javascript:;" data-toggle="modal" data-target="#login_modal">注册/登录</a></li>
                    <li><a href="user.html">个人中心</a></li>
                </ul>
            </div>
        </div>
    </nav>
</header>

<div class="container user-container">
    <div class="col col-xs-12 col-sm-9 col-md-9 col-lg-9">
        <div class="tab-content user-tab-content">
            <div role="tabpanel" class="tab-pane active" id="messages">
                <!--<div class="tools">-->
                    <!--<ul class="nav nav-tabs" role="tablist">-->
                        <!--<li role="presentation" class="active"><a href="#draw_tool_1" role="tab" data-toggle="tab">画笔</a></li>-->
                        <!--<li role="presentation"><a href="#draw_tool_2" role="tab" data-toggle="tab">边框</a></li>-->
                        <!--<li role="presentation"><a href="#draw_tool_3" role="tab" data-toggle="tab">背景</a></li>-->
                        <!--<li role="presentation"><a href="#draw_tool_4" role="tab" data-toggle="tab">文字</a></li>-->
                    <!--</ul>-->

                    <!--&lt;!&ndash; Tab panes &ndash;&gt;-->
                    <!--<div class="tab-content tools-tab">-->
                        <!--<div role="tabpanel" class="tab-pane active" id="draw_tool_1">-->

                        <!--</div>-->
                        <!--<div role="tabpanel" class="tab-pane" id="draw_tool_2">-->

                        <!--</div>-->
                        <!--<div role="tabpanel" class="tab-pane" id="draw_tool_3">-->

                        <!--</div>-->
                        <!--<div role="tabpanel" class="tab-pane" id="draw_tool_4">-->

                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->

                <div class="draw_panel" id="draw_panel">
                </div>
                <div class="buttons">
                    <button class="btn btn-default">保存</button>
                    <button class="btn btn-primary">分享</button>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="home">
                您还没有制作过明信片哦~
            </div>
            <div role="tabpanel" class="tab-pane img-collection" id="profile">
                    <a href="javascript:;" i="images/3.jpg" class="Slide Two"><img src="images/3.jpg" alt=""></a>
                    <a href="javascript:;" i="images/2d.jpg" class="Slide Two"><img src="images/p2.jpg" alt=""></a>
                    <a href="javascript:;" i="images/1463041680770.jpg" class="Slide Two"><img src="images/1463041680770.jpg" alt=""></a>
                    <a href="javascript:;" i="images/4d.jpg" class="Slide Two"><img src="images/p4.jpg" alt=""></a>
                    <a href="javascript:;" i="images/5d.jpg" class="Slide Two"><img src="images/p5.jpg" alt=""></a>
                <script type="text/javascript">
                    $('.Two').simpleSlide({
                        "opacity":0.5,                  //背景透明度
                        "windowAction": "zoomIn",       //窗体进入动画
                        "imageAction": "bounceIn",      //图片进入动画
                        "loadingImage":"img/1.gif"      //加载图片
                    });
                </script>
            </div>

            <div role="tabpanel" class="tab-pane" id="settings">

            </div>
        </div>
    </div>
    <div class="col col-xs-12 col-sm-3 col-md-3 col-lg-3">
        <div class="media">
            <a class="media-left media-middle" href="#">
                <img src="images/f1.jpg" alt="...">
            </a>
            <div class="media-body">
                <h4 class="media-heading">piupiu</h4>
                <span>北京</span>
            </div>
        </div>
        <ul class="nav nav-tabs user-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#messages" role="tab" data-toggle="tab">制作面板</a></li>
            <li role="presentation"><a href="#home" role="tab" data-toggle="tab">已制作明信片</a></li>
            <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">收藏图库</a></li>
            <li role="presentation"><a href="#settings" role="tab" data-toggle="tab">设置</a></li>
        </ul>
    </div>
        <!-- Tab panes -->

</div>
<div class="footer">
    <p class="copyright text-center">
        版权所有：xpwh工作室  2016-2017 , All Rights Reserved.
        京ICP备060018号 京公网安备110112000309号
    </p>
</div>
</body>
<script src="libraries/p5.js"></script>
<script src="script/sketch.js"></script>
</html>